<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>公司咨询</title>
    <link rel="stylesheet" href="./consult.css">
    <link rel="stylesheet" href="./bootstrap.css">
</head>

<body>
    <div class="box">
        <div class="top">
            <img src="./images/logo.png" alt="" class="logo1">

            <button class="btn btn-primary border-0 bg-transparent" type="button" data-bs-toggle="offcanvas"
                data-bs-target="#offcanvasWithBothOptions" aria-controls="offcanvasWithBothOptions"><img
                    src="./images/or.png" alt="" class="lo-op"></button>

            <div class="offcanvas offcanvas-end" data-bs-scroll="true" tabindex="-1" id="offcanvasWithBothOptions"
                aria-labelledby="offcanvasWithBothOptionsLabel">
                <div class="offcanvas-header">
                    <h5 class="offcanvas-title" id="offcanvasWithBothOptionsLabel"></h5>
                    <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
                </div>
                <div class="offcanvas-body">
                    <ul class="nav flex-column cebiannav mx-auto ">
                        <li class="nav-item">
                            <a class="nav-link text-black " aria-current="page" href="./index.html">网站首页</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-black" href="./aboutsus.html">关于我们</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-black active  text-danger-emphasis " href="#">公司资讯</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-black" href="#">美食展示</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-black" href="#">合作共赢</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-black" href="#">联系我们</a>
                        </li>
                    </ul>

                </div>
            </div>
        </div>


        <div class="tab-box">
            <div class="tab-head">
                <div class="tab-head-div current">公司新闻</div>
                <div class="tab-head-div">视频集锦</div>
            </div>
            <!--jkdjfk?-->
            <div class="tab-body">
                <div class="tab-body-div current">
                    <img src="./images/2-1Q1220Z631.jpg" class="tp1"  alt="">
                    <div class="daihaoa">
                       <div class="aleft">
                            <img src="./images/2-2104161024060-L.jpg" alt="">
                            <span>04/20</span>
                       </div> 
                       <div class="aright">
                        <p>蔡林记微信商城全新上线啦！</p>
                        <p>蔡林记商城全新上线了，买它！买它！</p>
                        <span>查看详情+</span>
                       </div>
                    </div>

                    <div class="daihaoa">
                        <div class="aleft">
                             <img src="./images/2-2104201016360-L.jpg" alt="">
                             <span>04/20</span>
                        </div> 
                        <div class="aright">
                         <p>喜报</p>
                         <p>截止2021年4月20日蔡林记加盟店共计48家</p>
                         <span>查看详情+</span>
                        </div>
                     </div>

                     <div class="daihaoa">
                       <div class="aleft">
                            <img src="./images/2-1Q109135555B1.jpg" alt="">
                            <span>11/09</span>
                       </div> 
                       <div class="aright">
                        <p>市人大常委领导前来我司调研</p>
                        <p>8月21日，市人大常委会党组书记、常务副主任刘立勇，
                            市人大常委会秘书长朱库成等一行到老字号企业蔡林记调研考察，
                            了解企业的发展现状，听取企业在发展中遇到的实际困难，
                            并表示要毫不动摇为民营企业创造开放、统一、公...</p>
                        <span>查看详情+</span>
                       </div>
                    </div>
                    <!-- 方块 -->
                    <div class="kuai">
                        <span>3条</span>
                    </div>

                    <div class="four-bot">
                        <span>关注我们</span>
                        <div class="four-bot-pg">
                            <img src="./images/wx.png" alt="">
                            <img src="./images/qq.png" alt="">
                            <img src="./images/mo.png" alt="">
                        </div>
                        <span>Tel：4000-1717-79</span>
                    </div>

                </div>
                <!-- 第二版 -->
                <div class="tab-body-div">
                    <div class="tvpg">
                        <img src="./images/2-1Q1130939325Z.jpg" alt="" class="datu">
                        <div class="tvpg-box">
                            <span>积玉桥智慧餐厅</span>
                            <p>2019-01-21</p>
                            <img src="./images/tuandvi_b.png" alt="">
                        </div>
                    </div>

                    <div class="tvpg">
                        <img src="./images/2-1Q113094142444.jpg" alt="" class="datu">
                        <div class="tvpg-box">
                            <span>六渡桥店采访</span>
                            <p>2019-01-21</p>
                            <img src="./images/tuandvi_b.png" alt="">
                        </div>
                    </div>

                    
                    <div class="tvpg">
                        <img src="./images/2-1Q113103T4403.jpg" alt="" class="datu">
                        <div class="tvpg-box">
                            <span>户部巷店采访</span>
                            <p>2019-01-21</p>
                            <img src="./images/tuandvi_b.png" alt="">
                        </div>
                    </div>

                    
                    <div class="tvpg">
                        <img src="./images/2-1Q113103043522.jpg" alt="" class="datu">
                        <div class="tvpg-box">
                            <span>蔡林记宣传片</span>
                            <p>2019-01-21</p>
                            <img src="./images/tuandvi_b.png" alt="">
                        </div>
                    </div>

                    <div class="tvpg">
                        <img src="./images/2-1Q113101216453.jpg" alt="" class="datu">
                        <div class="tvpg-box">
                            <span>积玉桥爱心补给站</span>
                            <p>2018-11-13</p>
                            <img src="./images/tuandvi_b.png" alt="">
                        </div>
                    </div>

                    <div class="tvpg">
                        <img src="./images/2-1Q11310091TA.jpg" alt="" class="datu">
                        <div class="tvpg-box">
                            <span>蔡林记食品监督局公益广告</span>
                            <p>2018-11-13</p>
                            <img src="./images/tuandvi_b.png" alt="">
                        </div>
                    </div>

                </div>

              

            </div>



        </div>

        <script>
            // 获取标签栏的所有标签元素对象
            var tabs = document.getElementsByClassName('tab-head-div');
            // 获取标签栏的所有内容对象
            var divs = document.getElementsByClassName('tab-body-div');
            for (var i = 0; i < tabs.length; ++i) { // 遍历标签部分的元素对象
                tabs[i].onclick = function () { // 为标签元素对象添加鼠标滑过事件
                    for (var i = 0; i < divs.length; ++i) { // 遍历标签栏的内容元素对象
                        if (tabs[i] == this) { // 显示当前鼠标滑过的li元素
                            divs[i].classList.add('current');
                            tabs[i].classList.add('current');
                        } else { // 隐藏其他li元素
                            divs[i].classList.remove('current');
                            tabs[i].classList.remove('current');
                        }
                    }
                };
            }

        </script>

        <script src="./bootstrap.bundle.js"></script>
</body>

</html>